<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<LINK href="../../css/admin.css" type="text/css" rel="stylesheet">
<script src="../../js/jquery.js"></script>
<script src="../../js/changebgcolor.js"></script>
<script src="../../js/calendar.js"></script>
<script>

//onclick="alert(this.offsetWidth)"
function showDiv(obj){
	obj.style.display = "";
}

function bgcolorTo(obj,to_color){
	obj.style.background = to_color;
}
// 界面控制 begin 
function show_message(){
	var mask = document.getElementById("mask");
	var message = document.getElementById("message");
	var sel1_obj = document.getElementById("sel1");
	var sel2_obj = document.getElementById("sel2");	
	mask.style.display = "";
	message.style.display = "";
	sel1_obj.style.display = "none";
	sel2_obj.style.display = "none";
}
function hidden_message(){
	var mask = document.getElementById("mask");
	var message = document.getElementById("message");
	var sel1_obj = document.getElementById("sel1");
	var sel2_obj = document.getElementById("sel2");	
	mask.style.display = "none";
	message.style.display = "none";
	sel1_obj.style.display = "";
	sel2_obj.style.display = "";
}
// 界面控制 end 

// 创建新课程功能按钮，用于界面控制
function create(){
	show_message();
	document.getElementById("mesg").reset();
		
	var btn_update = document.getElementById("update");
	var btn_create = document.getElementById("create");
	
	btn_update.style.display = "none";
	btn_create.style.display = "";
	
}
// 创建功能按钮，用于后台交互
function create_class(){
	hidden_message();
	
	//Jquery 代码
	
}


// 查看功能按钮，用来界面控制和后台交互
function select_class_id(id){
	show_message();
	
	var btn_update = document.getElementById("update");
	var btn_create = document.getElementById("create");
	
	btn_update.style.display = "";
	btn_create.style.display = "none";
	
	//Jquery 代码
	
}
// 编辑功能按钮，用来界面控制
function update(){
	//将 div_message 中的 组件设置成可编辑
	
}
// 保存功能按钮，用来后台交互
function update_class(id){
	hidden_message();
	//Jquery 代码
	
}
// 查询按钮，用来后台交互
function select_class(id){
	hidden_message();
	//Jquery 代码
	
}
// 查询按钮，用来后台交互
function create_teacher(obj){
	var man_num = obj.value;
	var str_html = "";
	for(var i = 0 ; i<man_num ; i++ ){
		str_html = str_html + '<input id="ter'+ i +'" type="text" style="border:0; width:52px;" class="input_news" value="培训方'+ i +'"/><br />';
	}
	var ters = document.getElementById("ters");
	ters.innerHTML = str_html;
}

window.onload = function (){
	var now_time = new Date();
	var curr_month = now_time.getMonth() + 1;
	if(curr_month < 10){
		curr_month = '0' + curr_month;
	}else{
		curr_month = curr_month - 12;
	}
	document.getElementById('plan_mounth').value = curr_month;
}
/*
function super_find(id){
	var str_html = '课程名<input id="class_name" type="text" style="width:410px;"/>&nbsp;|&nbsp;'
				+ '举办单位<input id="class_company" type="text" style="width:240px;"/><br/>'
				+ '开班日期<input id="start_time" type="text" />&nbsp;|&nbsp;'
				+ '结束日期<input id="end_time" type="text"/>&nbsp;|&nbsp;'
				+ '<a href="#" onclick="showDiv(super_find)">培训班查找</a>';
	var obj = $('#'+id);
	obj.html(str_html);
}
*/
</script>

<BODY>
<div id="div_header" >
  <div id="div_titel">工作量统计</div>
</div>
<!-- 页面主体显示培训班列表 -->
<div id="div_body">
  <div align="center" style="padding-bottom:5px;">
    举办单位
    <input id="class_company" type="text" style="width:110px;"/>
    &nbsp;承办部门
    <select id="sel1">
      <option value="-1"></option>
      <option>培训管理部</option>
      <option>党校办公室</option>
    </select>
    &nbsp;项目经理
    <select id="sel2">
      <option value="-1"></option>
      <option>开班</option>
      <option>未开班</option>
    </select>
    &nbsp;月份
    <input id="plan_mounth" type="text" style="width:20px;" value="" />
    &nbsp; <a href="#" onclick="alert('selectClass')">查找</a> 
  </div>
<table class="list" style="width:100%;">
  <thead class="list">
      <tr class="list">
        <th class="list" colspan="2" width="105">项目类别</th>
        <th class="list" width="40">期数</th>
        <th class="list" width="100">主办单位</th>
        <th class="list" width="">培训班名称</th>
        <th class="list" width="60">开班时间</th>
        <th class="list" width="60">结束时间</th>
        <th class="list" width="50">天数</th>
        <th class="list" width="50">人数</th>
        <th class="list" width="70">人天数</th>
        <th class="list" width="80">项目经理</th>
      </tr>
  </thead>
  <tbody class="list">
  <tr class="list">
  	<td class="list" colspan="11" style="padding:0;">
<div style="height:420px; overflow-y:scroll; padding:0;">
<table class="list" onmouseover="changeto()" onmouseout="changeback()" width="821" style="border-collapse:collapse; border-spacing:0; border:0px solid #888; background:#efefef;" >
  <tr class="list">
    <td class="list" align="center" width="51">总行项目</td>
    <td class="list" align="center" width="51">短期项目</td>
    <td class="list" align="center" width="40">1</td>
    <td class="list" width="100">黑龙江省分行</td>
    <td class="list" width="">中国建设银行集团客户经理示范性培训班（黑龙江省分行插班）</td>
    <td class="list" align="center" width="60">88月88日</td>
    <td class="list" align="center" width="60">88月88日</td>
    <td class="list" align="center" width="50">5</td>
    <td class="list" align="center" width="50">8</td>
    <td class="list" align="center" width="70">999999</td>
    <td class="list" align="center" width="62">项目经理</td>
  </tr>
</table>
</div>
    </td>
  </tr>
  </tbody>
  <tfoot>
  <tr class="list">
    <th class="list" colspan="2" width="144">总行现场项目小计</th>
    <th class="list">2</th>
    <th class="list">&nbsp;</th>
    <th class="list">&nbsp;</th>
    <th class="list">&nbsp;</th>
    <th class="list">&nbsp;</th>
    <th class="list">13.5</th>
    <th class="list">68</th>
    <th class="list">550</th>
    <th class="list">&nbsp;</th>
  </tr>
  <tr class="list">
    <th class="list" colspan="2" width="144">分行现场项目小计</th>
    <th class="list">5.5</th>
    <th class="list">&nbsp;</th>
    <th class="list">&nbsp;</th>
    <th class="list">&nbsp;</th>
    <th class="list">&nbsp;</th>
    <th class="list">73.75</th>
    <th class="list">727</th>
    <th class="list">4343.5</th>
    <th class="list">&nbsp;</th>
  </tr>
  <tr class="list">
    <th class="list" colspan="2" width="144">现场项目总计</th>
    <th class="list">7.5</th>
    <th class="list">&nbsp;</th>
    <th class="list">&nbsp;</th>
    <th class="list">&nbsp;</th>
    <th class="list">&nbsp;</th>
    <th class="list">87.25</th>
    <th class="list">795</th>
    <th class="list">4893.5</th>
    <th class="list">&nbsp;</th>
  </tr>
  </tfoot>
</table>
</div>
</body>
</html>
